<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>

<body>
    <!-- window.setInterval() 方法可以不使用 window 前缀，直接使用函数 setInterval()。
            setInterval() 
            第一个参数是函数（function）。
            第二个参数间隔的毫秒数 -->
    <p>在页面显示一个时钟</p>
    <p id="demo"></p>
    <script>
        var myVar = setInterval(function () { myTimer() }, 1000);
        function myTimer() {
            var d = new Date();
            var t = d.toLocaleTimeString();
            document.getElementById("demo").innerHTML = t;
        }
        function myStopFunction() {
            clearInterval(myVar);
        }
    </script>
    <button onclick="myStopFunction()">停止</button>

    <!-- setTimeout() 方法 -->
    <p>点击第一个按钮等待3秒后出现"Hello"弹框。</p>
    <p>点击第二个按钮来阻止第一个函数运行。（你必须在3秒之前点击它）。</p>
    <button onclick="myFunction2()">点我</button>
    <button onclick="myStopFunction2()">停止弹框</button>
    <script>
        var myVar;
        function myFunction2() {
            myVar = setTimeout(function () { alert("Hello") }, 3000);
        }
        function myStopFunction2() {
            clearTimeout(myVar);
        }
    </script>
</body>

</html>